<template>
  <div class="product-head1">
    <h1 class="product-head__title kaiti">面向零售企业的会计自动化软件和财务应用</h1>
    <h2 class="product-head__sub-title">纷析云标准化了您的会计流程，提高了效率和盈利能力。</h2>
    <a class="product-head__sub-btn">安排演示</a>
  </div>
  <div class="section section--1">
    <h1 class="section__title">零售企业-会计自动化工具</h1>
    <img src="@assets/images/零售.jpg" alt="零售软件" class="center-image" style="margin-top: 65px;"/>
  </div>

  <div class="section section--2">
    <h2 class="section__title">行业困难与挑战</h2>

    <div class="desc-group">
      <div class="desc-group__left">
        <p class="desc-group__item"> 行业品类多、品牌多、规格多、单位多，产品管理困难。批发销量大，订单多，很多客户结算方式是月结，应收款对帐工作量巨大。食品行业品类多，库存大，积压产品不易被发现，需要良好的库存管理找出滞销产品。 </p>
      </div>
    </div>
  </div>

  <div class="section section--3">
    <h2 class="section__title">纷析云解决方案</h2>

    <div class="desc-group">
      <div class="desc-group__left">
        <p class="desc-group__item__1"> 行业品类多、品牌多、规格多、单位多，产品管理困难。批发销量大，订单多，很多客户结算方式是月结，应收款对帐工作量巨大。食品行业品类多，库存大，积压产品不易被发现，需要良好的库存管理找出滞销产品。 </p>
      </div>
    </div>

  </div>

</template>

<script>
/**
 * <p>****************************************************************************</p>
 * <p><b>Copyright © 2010-2023 soho team All Rights Reserved<b></p>
 * <ul style="margin:15px;">
 * <li>Description : </li>
 * <li>Version     : 1.0</li>
 * <li>Creation    : 2023年02月12日</li>
 * <li>@author     : ____′↘夏悸</li>
 * </ul>
 * <p>****************************************************************************</p>
 */
export default {
  name: "ChainRetail"
}
</script>

<style scoped>
.contact-panel {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  right: -331px;
  width: 327px;
  background-color: #fff;
  transition: .5s;
  box-shadow: -2px 2px 4px 0 rgb(61 61 61 / 50%);
}
.section__title {
  line-height: 29px;
  text-align: center;
  font-size: 28px;
  font-weight: lighter;
  color: #666;
}

.center-image {
  display: block;
  margin: 0 auto;
}
img {
  border-style: none;
}
.section--1 {
  padding-top: 125px;
  height: 637px;
}
.section--2 {
  height: 703px;
  background-color: #f8f8f8;
  padding-top: 67px;
}
.section--3 {
  height: 703px;
  padding-top: 67px;
}
.section {
  position: relative;
  height: 500px;
  width: 100%;
  box-sizing: border-box;
}

.circle-group {
  position: relative;
  height: 100%;
  width: 100%;
}

.desc-group {
  width: 935px;
  margin: 65px auto auto auto;
}

.desc-group__item {
  height: 300px;
  width: 935px;
  background-color: #fff;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
  padding: 36px 68px 10px 55px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: solid 1px #ececec;
}

.desc-group__item__1 {
  height: 300px;
  width: 935px;
  background-color: #9b9b9b;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
  padding: 36px 68px 10px 55px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: solid 1px #ececec;
}

#circle0 {
  height: 156px;
  width: 156px;
  border-radius: 156px;
  border: solid 1px #62affc;
  left: 0;
  top: 67px;
}

.circle-group__item {
  opacity: 0;
  filter: alpha(opacity=0);
  color: #444;
}

.circle-group__item--small {
  padding: 43px 20px 10px 44px;
}

.circle-group__item {
  position: absolute;
  box-sizing: border-box;
}
.circle-group__label--big {
  font-size: 26px;
}
.circle-group__label {
  color: #444;
  line-height: 36px;
}
</style>
